#mygames #gameui
{
		float: left;
		padding: 0%;
		margin: 0%;
		min-height: 100%;
		height: 100%;
		width: 80%;
}

#mygames #gameui #statistics
{
    border-radius: 20px;
    height: 78%;
    width: 15%;
    float: right;
    border: 8px;
    border-color: white;
    border-style: groove;
    overflow: auto;
    -webkit-box-shadow: -10px 5px 10px #333;
}

#mygames #gameui #actions
{
    margin: 2% 1% 0% 0%;
    width: 15%;
    height: 14%;
    float: right;
    font-size: 18px;
    text-align: center;    
}

#mygames #gameui #actions .action
{
		display: block;
		opacity: 0.8;
		padding: 3%;
    border-radius: 20px;
    -webkit-box-shadow: 0 -1px 1px white;
    text-shadow: #000000 0 -1px 1px;
    font-weight: bold;
    background-image: -webkit-gradient(
    									linear,
    									0% 100%,
    									0% 0%,
    									color-stop(0.20, rgb(104,142,153)),
    									color-stop(0.70, rgb(0,0,0)));
    -webkit-box-shadow: 0px -1px 10px #071b21;
    cursor: pointer;
    -webkit-box-reflect: below 50px -webkit-gradient(linear, 
    																								left top,
    																								left bottom,
    																								color-stop(0.6, transparent),
    																								to(white));
}

#mygames #gameui #actions .action[id="pass"]
{
    line-height: 2.0em;
    margin: 0 0 10%;
}

#mygames #gameui #board
{
		position: inherit;
		border-top-right-radius: 20px;
		border-bottom-left-radius: 20px;
		float: left;
		height: 78%;
		width: 78%;
		border: 8px;
		border-color: white;
		border-style: groove;
		-webkit-box-shadow: 10px 5px 10px #333;
}

#mygames #gameui #messages
{
    border-radius: 20px;
    background: #152c32;
    margin: 2% 0% 0% 0%;
    padding: 0% 0 0 1%;
    width: 78%;
    height: 14%;
    border: 8px;
    float: left;
    border-style: groove;
    border-color: white;
    opacity: 0.8;
    -webkit-box-shadow: 10px -5px 10px #333;
        background-image: -webkit-gradient(
    									radial,
    									100% 100%,
    									0,
    									95% 100%,
    									80,
    									from(rgb(200,200,200)),
    									to(rgb(21,44,50)));
    
}

#mygames #messages .message
{
    text-align: left;
}

#mygames #gamelist
{
    border-radius: 20px;
    float: left;
    width: 16%;
    margin: 0% 0% 0% 2%;
    padding: 5px;
    display: inherit;
}

#mygames #gamelist #mygame
{
    margin: 1%;
    border-style: groove;
    border-color: white;
}
